@media screen and (max-width: 900px) {
	.dahai {
		display: none;
	}
}

@media screen and (max-height: 500px) {
	.dahai {
		display: none;
	}
}
.dahai {
	max-height: 232px;
	position: fixed;
	right: 15px;
	top: 50%;
	/* 垂直位置 */
	font-size: 14px;
	color: #243558;
	z-index: 10000
}


.dahai ul {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0
}

.dahai li {
	list-style-type: none
}

.dahai li>div {
	box-sizing: border-box;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}

.dahai_box {
	width: 40px;
	height: 40px;
	background: #fff;
	margin-bottom: 10px;
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}

.dahai_triangle {
	top: 12px;
	right: -11px;
	position: absolute;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 11px solid #e1e6ec;
	z-index: 1010
}

.dahai_triangle:after {
	content: "\20";
	top: -6px;
	right: 1px;
	position: absolute;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #fff;
	z-index: 1000
}

.dahai_triangle:before {
	content: "\20";
	width: 80px;
	height: 45px;
	top: -20px;
	right: -52px;
	position: absolute;
	background: rgba(0, 0, 0, 0)
}

@keyframes fade-in {
	0% {
		opacity: .4;
		right: 82px
	}

	100% {
		opacity: 1;
		right: 62px
	}
}

.dahai_consult {
	background: url(../img/Bottom_right_1.png) no-repeat center center #fff;
	background-size: 50%50%;
}

.dahai_consult:hover {
	border: 0;
	background: url(../img/Bottom_right_1.png) no-repeat center center #adc3ffde;
	background-size: 60%60%;
	cursor: pointer
}

.dahai_consult:hover .dahai_consult_cont {
	display: block;
	opacity: 1;
	transition: linear .2s;
	animation-name: fade-in;
	animation-duration: .3s;
	animation-iteration-count: 1;
	animation-delay: 0s
}

.dahai_consult_cont {
	width: 200px;
	min-height: 210px;
	max-height: 268px;
	border-radius: 3px;
	background: #fff;
	right: 62px;
	position: absolute;
	text-align: center;
	border: 1px solid #e1e6ec;
	display: none;
	opacity: 0
}

.dahai_consult_cont1 {
	width: 70px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border-radius: 5px;
	right: 62px;
	text-align: center;
	position: absolute;
	display: none;
	border: 1px solid #e1e6ec
}

.dahai_consult_cont1 .dahai_triangle:before {
	width: 0 !important
}

.dahai_consult_cont>.dahai_triangle:after {
	border-left: 10px solid #f6f8fb !important
}

.dahai_consult_cont span {
	float: left
}

.dahai_consult_cont_top {
	width: 100%;
	height: 157px;
	background: #f6f8fb;
	border-radius: 3px;
	border-bottom: 1px solid #eef2f8
}

.dahai_hint {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #9aa8c2;
	text-align: center
}

.dahai_hint>.dahai_icon {

	width: 15px;
	height: 15px;
	margin: 13px 2px 0 18px
}

.dahai_button {
	width: 160px;
	height: 38px;
	line-height: 38px;
	background: #3449c2;
	border-radius: 18px;
	text-align: center;
	color: #fff;
	margin: 5px 0 10px 20px;
	cursor: pointer
}

.dahai_button:hover {
	background: #3449c2
}

.dahai_phone {
	width: 100%;
	height: 53px;
	line-height: 53px;
	font-size: 14px;
	text-align: center
}

.dahai_check_site {
	width: 100%;
	height: 48px;
	line-height: 48px;
	color: #3449c2;
	border-top: 1px solid #eaeef5;
	cursor: pointer;
	font-weight: bold;
	/* 添加这一行 */
}

.dahai_check_site>.dahai_icon {

	margin: 2px 2px 0 35px
}

.dahai_qr {
	background: url(../img/Bottom_right_2.png) no-repeat center center #fff;
	background-size: 50%50%;
}

.dahai_qr:hover {
	border: 0;
	background: url(../img/Bottom_right_2.png) no-repeat center center #adc3ffde;
	background-size: 60%60%;
	cursor: pointer
}

.dahai_qr:hover .dahai_qr_cont {
	display: block;
	opacity: 1;
	transition: linear .2s;
	animation-name: fade-in;
	animation-duration: .3s;
	animation-iteration-count: 1;
	animation-delay: 0s
}

.dahai_qr_cont {
	width: 143px;
	height: 178px;
	border-radius: 3px;
	background: #fff;
	right: 62px;
	position: absolute;
	text-align: center;
	border: 1px solid #e1e6ec;
	background-color: #f6f8fb;
	display: none;
	opacity: 0
}

.dahai_qr_cont>.dahai_triangle:after {
	border-left: 10px solid #f6f8fb !important
}

.dahai_qr_cont>.dahai_qrimg {
	width: 100%;
	height: 140px;
	float: left
}

.dahai_qrimg_site {
	width: 119px;
	height: 119px;
	float: left;
	margin: 12px 12px 12px 12px;
	background: url(../img/STT-CN.png) no-repeat 0px 0px;
	background-size: 95%;
	/* 使图片占据容器的 80% 大小 */
}

.dahai_qr_cont>.dahai_qrtext {
	width: 100%;
	height: 35px;
	font-size: 12px;
	color: #7b89a6;
	background-color: #fff;
	float: left;
	bottom: 0;
	display: table
}

.dahai_qr_cont>.dahai_qrtext>span {
	display: table-cell;
	vertical-align: middle
}

.dahai_upward {
	background: url(../img/Bottom_right_5.png) no-repeat center center #fff;
	background-size: 50%50%;
}

.dahai_upward:hover {
	border: 0;
	background: url(../img/Bottom_right_5.png) no-repeat center center #adc3ffde;
	background-size: 60%60%;
	cursor: pointer
}

.dahai_upward:hover .dahai_upward_cont {
	display: block;
	opacity: 1;
	transition: linear .2s;
	animation-name: fade-in;
	animation-duration: .3s;
	animation-iteration-count: 1;
	animation-delay: 0s
}

.dahai_upward_cont {
	width: 84px;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	background: #fff;
	right: 62px;
	position: absolute;
	text-align: center;
	border: 1px solid #e1e6ec;
	display: none;
	opacity: 0
}

.dahai_upward_cont span {
	font-size: 14px
}

/* ----------------------------------------------------------------------- */


/* 导航 新增图标-> 开始*/
.dahai_dh {
	background: url(../img/logo_icon.png) no-repeat center center #fff;
	background-size: 50%50%;
}

.dahai_dh:hover {
	border: 0;
	background: url(../img/logo_icon.png) no-repeat center center #adc3ffde;
	background-size: 60%60%;
	cursor: pointer
}

.dahai_dh:hover .dahai_dh_cont {
	display: block;
	opacity: 1;
	transition: linear .2s;
	animation-name: fade-in;
	animation-duration: .3s;
	animation-iteration-count: 1;
	animation-delay: 0s
}

.dahai_dh_cont {
	width: 264px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border-radius: 5px;
	right: 62px;
	text-align: center;
	position: absolute;
	display: none;
	border: 1px solid #e1e6ec
}

/*导航 新增图标-> 结束*/

/* 新增图标-> 开始*/
.dahai_ws {
	background: url(../img/Bottom_right_4.png) no-repeat center center #fff;
	background-size: 50%50%;
}

.dahai_ws:hover {
	border: 0;
	background: url(../img/Bottom_right_4.png) no-repeat center center #adc3ffde;
	background-size: 60%60%;
	cursor: pointer
}

.dahai_ws:hover .dahai_ws_cont {
	display: block;
	opacity: 1;
	transition: linear .2s;
	animation-name: fade-in;
	animation-duration: .3s;
	animation-iteration-count: 1;
	animation-delay: 0s
}

.dahai_ws_cont {
	width: 84px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border-radius: 5px;
	right: 62px;
	text-align: center;
	position: absolute;
	display: none;
	border: 1px solid #e1e6ec
}